import { Button } from "antd"
import styled from "styled-components"

import { WrapperSider } from "../../index.styled"

export const SiderVertical = styled(WrapperSider)`
	box-shadow: 2px 0 8px 0 rgb(29 35 41 / 5%);
	z-index: ${props => (props.collapsed ? 12 : 9)};
	// height: calc(100vh - theme.header.height)
	height: 100vh;
	/* overflow-y: auto; */

	.ant-menu-title-content {
		font-size: 12px;
	}
`

export const ArrowButton = styled(Button)`
	position: absolute;
	top: 50%;
	right: -15px;
	z-index: "10";
`
